<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>appSw</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </h:head>
    <h:body>
        <p:layout fullPage="true">

            <p:layoutUnit position="north" header="ADMINISTRACION DE USUARIOS">
            </p:layoutUnit>

            <p:layoutUnit position="center">
                <h:form id="formDataUsers">
                    <p:dataTable rendered="true" id="dataUsers" value="#{funcionarioController.listaFuncionarios}" var="funcionario" paginator="true" rows="10" rowKey="#{funcionarioController.funcionario.idFuncionario}" 
                                 selectionMode="single" selection="#{funcionarioController.funcionarioSeleccionado}">
                        <p:column filterBy="#{funcionario.idFuncionario}" headerText="Identificacion" width="30"> 
                            <h:outputText value="#{funcionario.idFuncionario}"/>
                        </p:column>
                        <p:column filterBy="#{funcionario.nombres}" headerText="Nombres" width="30">
                            <h:outputText value="#{funcionario.nombres}"/>
                        </p:column>
                        <p:column filterBy="#{funcionario.apellidos}" headerText="Apellidos" width="30">
                            <h:outputText value="#{funcionario.nombres}"/>
                        </p:column>
                        <p:column filterBy="#{funcionario.direccion}" headerText="Direccion" width="30">
                            <h:outputText value="#{funcionario.direccion}"/>
                        </p:column>
                        <p:column filterBy="#{funcionario.telefono}" headerText="Telefono" width="30">
                            <h:outputText value="#{funcionario.telefono}"/>
                        </p:column>
                        <p:column filterBy="#{funcionario.correo}" headerText="Nombres" width="30">
                            <h:outputText value="#{funcionario.correo}"/>
                        </p:column>
                    </p:dataTable>
                </h:form>
            </p:layoutUnit>

            <p:layoutUnit position="south">
                <div align="center">
                    <h:form>
                        <p:panelGrid columns="2">
                            <p:commandButton id="crearButton" widgetVar="botonCrear" value="Crear Recurso" actionListener="#{funcionarioController.initializeFuncionario()}" onclick="dialogCrearRecurso.show()"/>
                            <p:commandButton id="borrarButton" widgetVar="botonBorrar" value="Eliminar Recurso" onclick="eliminarDiagConf.show()"/>
                        </p:panelGrid>
                    </h:form>
                </div>

                <p:dialog id="dialogCrearRecurso1" widgetVar="dialogCrearRecurso" modal="true" draggable="false" appendTo="@(body)" resizable="false" width="550" closeOnEscape="true" header="CREAR NUEVO RECURSO">
                    <h:form id="formCrearRecurso">
                            <h:panelGrid columns="2">
                                <h:outputLabel value="Id. Funcionario:" /><br/>
                                <p:inputText id="idFuncionario" value="#{funcionarioController.funcionario.idFuncionario}"  label="id" required="true"/>
                                <p:message for="idRecurso"/>
                                <h:outputLabel value="Tipo Funcionario:" /><br/>
                                <p:inputText id="nombresFuncionario" value="#{funcionarioController.funcionario.nombres}"  label="tipo" required="true"/>
                                <p:message for="tipoRecurso"/>
                            </h:panelGrid>
                            <p:commandButton id="creaButtonDiag" widgetVar="botonCrearDiag"
                                             value="Crear" update=":formDataUsers:dataUsers" actionListener="#{funcionarioController.crearFuncionario}"  oncomplete="handleLoginRequest(xhr, status, args)"/>
                        <p:messages id="messages" autoUpdate="true" closable="true"/>  
                    </h:form>
                </p:dialog>

                <p:confirmDialog id="eliminarRecursoConfirm" widgetVar="eliminarDiagConf" header="Eliminar Recurso" appendTo="@(body)" message="¿Desea Eliminar el Recurso?"
                                 closable="false">
                    <h:form>
                        <p:commandButton value="Si" actionListener="#{funcionarioController.eliminarFuncionario}" update=":formDataUsers:dataResources" oncomplete="eliminarDiagConf.hide()" />
                    <p:commandButton value="NO" oncomplete="eliminarDiagConf.hide()"/>
                    </h:form>
                </p:confirmDialog>
                
            </p:layoutUnit>
        </p:layout>
    </h:body>

    <script type="text/javascript">
        function handleLoginRequest(xhr, status, args) {
            if (args.validationFailed || !args.loggedIn) {
                PF('dialogCrearRecurso').jq.effect("shake", {times: 5}, 100);
            }
            else {
                PF('dialogCrearRecurso').hide();
                $('#loginLink').fadeOut();
            }
        }
    </script>
</html>
